<template>
  <div
    class="widgets"
    v-html="val.value"
    :contenteditable="!!val.isEdit"
    :style="{
      position: 'absolute',
      left: val.left + 'px',
      top: val.top + 'px',
      width: val.width + 'px',
      minHeight: 1 + 'px',
      zIndex: val.style.zIndex,
      background: '#000000',
    }"
  ></div>
</template>

<script setup name="braid-horizontalLine">
const props = defineProps([
  'val', // 文本对象
])
const WIDGET_NAME = ref('braid-horizontalLine')
const setting = ref({
  type: WIDGET_NAME.value,
  isEdit: true,
  dragable: true, // 是否可拖拽
  resizable: true, // 尺寸是否可变
  width: 100,
  height: 1,
  left: 50,
  top: 0,
  title: '横线1',
  value: '',
  defaultValue: '',
  name: '',
  style: {
    zIndex: 0,
  },
})
</script>

<style></style>
